<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台-实时数据</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">
</head>
<body class="childrenBody">


<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--nav 部件-->
        <div class="nav_list">
            <div class="text_title">实施概况</div>
        </div>

        <div class="sssj_list">
            <div class="gzt_item">
                <div class="top_title"><img src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/images/icon_09.png" alt="">浏览数</div>
                <!--
                data-from="50" 起始值
                 data-to="68"  结束值
                -->
                <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p> <!---->
                <div class="number_list">
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                </div>
                <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
            </div>
            <div class="gzt_item">
                <div class="top_title"><img src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/images/icon_10.png" style="width: 14px" alt="">浏览数</div>
                <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
                <div class="number_list">
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                </div>
                <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
            </div>
            <div class="gzt_item">
                <div class="top_title"><img src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/images/icon_11.png" style="width: 13px"  alt="">浏览数</div>
                <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
                <div class="number_list">
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                </div>
                <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
            </div>
            <div class="gzt_item">
                <div class="top_title"><img src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/images/icon_12.png"  alt="">浏览数</div>
                <p class="timer  count-number"  data-from="50" data-to="68" data-speed="1500"></p>
                <div class="number_list">
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                    <div class="number_item">0</div>
                </div>
                <p><span>本周累计: 68908  </span>    <span>本月累计: 68908</span> </p>
            </div>
        </div>
    </div>
</div>

<button id="add_number">增加500</button>

<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="../style/dist/icheck.min.js"></script>

<!--数字滚动-->
<script src="../js/countTo.js"></script>
<script>

    $('#add_number').click(function () {
        $('.timer').eq(0).data('from',$('.timer').eq(0).data('to')) ;


        var x  = parseInt($('.timer').eq(0).data('to')) ;
        x+=500 ;



        $('.timer').eq(0).data('to',x) ;
        $('.timer').eq(0).each(count);

    })

</script>
</body>
</html>